<template>
    <div class="js">
       <ul class="ul">
           <li><a href="">xw2234324</a></li>
           <li><a href="">退出</a></li>
           <li><a href="">回顶部</a></li>
       </ul>
       <p>
           @2005-2016 xxxxxxxxx版权所有，并保留所有权利。
       </p>
       <dir class="dw">
           <img src="../assets/wqc12.jpg" alt="">
       </dir>
    </div>
</template>

<script>
export default {
  name: "syjs"
};
</script>

<style scoped lang="scss">
.js {
  height: 1rem;
  margin-bottom:1rem; 
  position: relative;
  .ul {
    width: 5rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 0.4rem;
    li {
      flex: 1;
      text-align: center;
      border-right: 1px solid #ccc;
      a {
        color: #898c91;
      }
    }
    li:last-child {
      border-right: none;
    }
  }
  p{
    text-align:center;
    height: .3rem;
    font-size: .2rem;
    line-height: .4rem;
    color: #ccc;
  }
  .dw{
      width: .8rem;
      height: .8rem;
      position: absolute;
      left: 5.8rem;
      top: -0.4rem;
      img{
          width: 100%;
      }
  }
}
</style>
